/*----------Astamangalaprasna.HTML--------*/
.sub-header-1{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Astamangalaprasna-Banner.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-1 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
}
.astamangalaprasna{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.astamangalaprasna-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.astamangalaprasna-col img{
    width: 100%;
    height: 450PX;
    
}
.astamangalaprasna-col h1{
    padding-top: 0;
    text-align: left;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: #F2B878;
    
}

.astamangalaprasna-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.astamangalaprasna-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-1 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;  
}
.astamangalaprasna-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.astamangalaprasna{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.astamangalaprasna-col h1{
    font-size: 30px;
} 
.astamangalaprasna-col img{
    width: 100%;
    height: auto;  
}
.astamangalaprasna-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;  
    color: #777; 
}
.astamangalaprasna-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: left;
    color: #999;
}
}

/*----------Astamangalaprasna.HTML Clous--------*/


/*----------Vedic-Astrology.HTML--------*/
.sub-header-2{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Vedic-Astrology.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-2 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;

}
.Vedic-Astrology{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.Vedic-Astrology-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.Vedic-Astrology-col  img{
    width: 100%;
    height: 500px;
    
}
.Vedic-Astrology-col h1{
    padding-top: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
}

.Vedic-Astrology-col p{
    padding: 15px 0 25px;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    text-align: justify;
    line-height: inherit;
    color: #777;
}
.Vedic-Astrology-col h3{
   padding: 0;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
   
.sub-header-2 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;
}
.Vedic-Astrology{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.Vedic-Astrology-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.Vedic-Astrology-col  img{
    width: 100%;
    height: auto;
    
}
.Vedic-Astrology-col h1{
   font-size: 30px;
}

.Vedic-Astrology-col p{
    padding: 15px 0px 25px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;
    color: rgb(119, 119, 119);
}
.Vedic-Astrology-col h3{
    padding: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    text-align: left;
    color: rgb(153, 153, 153);
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}
    
}

/*----------Vedic-Astrology.HTML Clous--------*/

/*--------VASTU.HTML----------*/

.sub-header-3{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Vastu-B.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-3 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;

    
}
.vastu{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.vastu-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.vastu-col  img{
    width: 100%;
    height: 100%;   
}
.vastu-col h1{
    padding-top: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
}

.vastu-col p{
    padding: 15px 0 25px;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    text-align: justify;
    line-height: inherit;
    color: #777;
}
.vastu-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}
.vastu-col h4{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    text-align: left;
    color: #9999;
    
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
.sub-header-3 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;
    }
.vastu-col h1{
    font-size: 30px;
}
.vastu-col p{
    padding: 15px 0px 25px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;
    color: rgb(119, 119, 119);
    }
.vastu-col h3{
    padding: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    text-align: left;
    color: rgb(153, 153, 153);
}
.vastu-col h4{
    padding: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: left;
    color: darkcyan;
}
}


/*----------VASTU.HTML Clous--------*/

/*--------Childlessness is a problem.HTML-------*/
.sub-header-4{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Childlessness-Banner.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-4 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 500;
    font-style: normal;
    font-size: 48px;
}
.Childlessness{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.Childlessness-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.Childlessness-col  img{
    width: 100%;
    height: 500px;   
}
.Childlessness-col h1{
    padding-top: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
}

.Childlessness-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;

}
.Childlessness-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;

}
.Childlessness-col h4{
    padding: 0;
    text-align: left;
    color: #9999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
.sub-header-4 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;
}
.Childlessness-col  img{
    width: 100%;
    height: auto;   
}
.Childlessness-col h1{
    font-size: 30px;
}
.Childlessness-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.Childlessness-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;

}
}

/*----------Childlessness is a problem.HTML Clous--------*/

/*--------Wife and Husband Relationship Problem's.HTML----------*/

.sub-header-5{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Wh-Bannar.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-5 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;

}
.Wife-Husband{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.Wife-Husband-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.Wife-Husband-col  img{
    width: 100%;
    height: 100%;   
}
.Wife-Husband-col h1{
   padding-top: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
}

.Wife-Husband-col p{
    padding: 15px 0 25px;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    text-align: justify;
    line-height: inherit;
    color: #777;
}
.Wife-Husband-col h3{
     padding: 0;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}
.Wife-Husband-col h4{
    padding: 0;
    text-align: left;
    color: #9999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}
@media(max-width: 700px){
.sub-header-5 h1{
     margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;  
}
.Wife-Husband-col h1{
    font-size: 30px;
}
.Wife-Husband-col p{
    padding: 15px 0px 25px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;
    color: rgb(119, 119, 119);
}
.Wife-Husband-col h3{
    padding: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    text-align: left;
    color: rgb(153, 153, 153);
}
}



/*--------Wife and Husband Relationship Problem's.clous----------*/

/*----------Black magic.HTML--------*/
.sub-header-6{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Black-magic-bannar.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-6 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
}
.black-magic{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.black-magic-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.black-magic-col  img{
    width: 100%;
    height: 550PX;
    
}
.black-magic-col h1{
    padding-top: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: #01013D;
}

.black-magic-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    text-align: justify;
    line-height: inherit;  
    color: #777;  
}
.black-magic-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
.sub-header-6 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;
}
    .black-magic-col  img{
    width: 100%;
    height: auto; 
}
.black-magic-col h1{
   font-size: 30px;
}
.black-magic-col p{
    padding: 15px 0 25px;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;
    color: #777;
}
.black-magic-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: left;
    color: #999;
}     
}
/*----------Black magic.HTML Clous--------*/

/*---------- health-astrologye --------*/


.sub-header-7{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/helth-banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-1 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    

}
.health-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.health-astrologye-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.health-astrologye-col img{
    width: 100%;
    height: 500PX;
    
}
.health-astrologye-col h1{
    padding-top: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen; 
}

.health-astrologye-col p{
    padding: 15px 0 25px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.health-astrologye-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-7 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;  
    
}
.health-astrologye-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.health-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.health-astrologye-col h1{
    font-size: 30px;
} 
.health-astrologye-col img{
    width: 100%;
    height: auto;  
}
.health-astrologye-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;  
    color: #777;

}
.health-astrologye-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: left;
    color: #999;
}
}
/*---------- health-astrologye Clohs--------*/

/*---------- Career astrologye --------*/

.sub-header-8{
    height: 65vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Career-Banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-8 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
}
.career-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.Career-astrologye-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.Career-astrologye-col img{
    width: 100%;
    height: 550PX;
    
}
.Career-astrologye-col h1{
    padding-top: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: aquamarine;
}

.Career-astrologye-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.Career-astrologye-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-8{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/Career-paje-Banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
    .sub-header-8 h1{
    margin-top: 100px;
    width: 100%;
    
    
}
.career-astrologye-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.career-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.career-astrologye-col h1{
    font-size: 30px;
} 
.career-astrologye-col img{
    width: 100%;
    height: auto;  
}
.career-astrologye-col p{
    padding: 15px 0 25px; 
    font-size: 20px; 
    font-family: helvetica;  
}
}

/*---------- Career astrologye Clous--------*/

/*---------- marriage-astrologye-col  --------*/

.sub-header-9{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/marriage-problem-banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-9 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
}
.marriage-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.marriage-astrologye-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.marriage-astrologye-col img{
    width: 100%;
    height: 600PX;
    
}
.marriage-astrologye-col h1{
    padding-top: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
}

.marriage-astrologye-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    text-align: justify;
    line-height: inherit;  
    color: #777;


}
.marriage-astrologye-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;

}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
.sub-header-9{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/marriage-problem.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-9 h1{
    margin-top: 100px;
    width: 100%;
    height: auto;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: inherit;    
}
.marriage-astrologye-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.marriage-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.marriage-astrologye-col h1{
    font-size: 30px;
} 
.marriage-astrologye-col img{
    width: 100%;
    height: auto;  
}
.marriage-astrologye-col p{
    padding: 15px 0px 25px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    line-height: inherit;
    color: rgb(119, 119, 119);
}
.marriage-astrologye-col h3{
    padding: 0px;
    font-family: Ramabhadra, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: left;
    color: rgb(153, 153, 153);
}
    


/*---------- marriage-astrologye Clous--------*/

/*---------- business-astrologye --------*/

.sub-header-10{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/business-banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-10 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
}
.business-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.business-astrologye-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.business-astrologye-col img{
    width: 100%;
    height: 660px;
    
}
.business-astrologye-col h1{
    padding-top: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;
    
}

.business-astrologye-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.business-astrologye-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-10{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/business-banner.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
    .sub-header-10 h1{
    margin-top: 100px;
    width: 100%;   
}
.business-astrologye-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.business-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.business-astrologye-col h1{
    font-size: 30px;
} 
.business-astrologye-col img{
    width: 100%;
    height: auto;  
}
.business-astrologye-col p{
    padding: 15px 0 25px; 
    font-size: 20px; 
    fopadding: 15px 0 25px; 
    font-size: 30px; nt-family: helvetica; .black-magic-col p{
    
    font-family: 'Noto Sans Telugu', sans-serif;
    line-height: inherit;
    text-align: justify;
    color: #777;  
} 
}
}
/*---------- business-astrologye Clous--------*/

/*---------- Abroad-astrologye --------*/
.sub-header-11{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/abroad-banner-1.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-11 h1{
    margin-top: 100px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 48px;

}
.abrod-astrology{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.abrod-astrology-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.abrod-astrology-col img{
    width:100%;
    height: 450px;
    
}
.abrod-astrology-col h1{
    padding-top: 0;
   font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: left;
    color: darkgreen;

}
.abrod-astrology-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.abrod-astrology-col h3{
    padding: 0;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-11{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/abroad-banner-1.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
    .sub-header-11 h1{
    margin-top: 100px;
    width: 100%;  
}
.abrod-astrology-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.abrod-astrology{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.abrod-astrology-col h1{
    font-size: 30px;
} 
.abrod-astrology-col img{
    width: 100%;
    height: auto;  
}
.abrod-astrology-col p{
    padding: 15px 0 25px; 
    font-size: 20px; 
    font-family: helvetica;  
}
}
/*---------- Abroad-astrologye Clous--------*/

/*---------- Education-astrologye --------*/

.sub-header-12{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/education\ paje\ banner.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.sub-header-12 h1{
    margin-top: 50px;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    line-height: inherit;
}
.education-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.education-astrologye-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.education-astrologye-col img{
    width: 100%;
    height: 550px;
    
}
.education-astrologye-col h1{
    padding-top: 0;
    text-align: left;
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    color: aquamarine;
    line-height: inherit;
}

.education-astrologye-col p{
    padding: 15px 0 25px; 
    font-family: "Ramabhadra", sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-align: justify;
    line-height: inherit;  
    color: #777;
}
.education-astrologye-col h3{
    padding: 0;
    text-align: left;
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    color: #999;
}

.red-btn{
    border: 1px solid #f44336;
    background: transparent;
    color: #f44336;
}

.red-btn:hover{
    color: #fff;
}

@media(max-width: 700px){
    .sub-header-12{
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/education\ paje\ banner.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
    .sub-header-12 h1{
    margin-top: 50px;
    width: 100%;
    
    
}
.education-astrologye-col{
    width: 100%;
    flex-basis: 48%;
    padding: 5px 2px;
}
.education-astrologye{
    width: 80%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}
.education-astrologye-col h1{
    font-size: 30px;
} 
.education-astrologye-col img{
    width: 100%;
    height: auto;  
}
.education-astrologye-col p{
    padding: 15px 0 25px; 
    font-size: 20px; 
    font-family: helvetica;  
}

/*---------- education-astrologye Clous--------*/